@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';


.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.togglePic {
    position: absolute;
    left: 0;
    top: 300px;
    width: 20px;
    height: 30px;
    font-size: 20px;
    font-weight: 700;
    z-index: 1000;
    cursor: pointer;
}

.leftMenuContainerShow {
    position: relative;
    height: 850px;
    float: left;
    width: 35%;
    background: #fff;
    overflow: hidden;
}
.leftMenuContainerHide {
    position: relative;
    height: 850px;
    float: left;
    width: 0px;
    background: #fff;
    overflow: hidden;
}

.leftDrawerHide {
    position: absolute;
    left: -50px;
    width: 100%;
     overflow: hidden;
}

.leftDrawerShow {
    position: absolute;
    left: 0;
    width: 100% !important;
     overflow: hidden;
}

.rightBaseInfoListAll {
    width: 100%;
    float: right;
}

.rightBaseInfoListSection {
    width: 63%;
    float: right;
}

.staffPhoto {
    font-size: 28px;
    vertical-align: middle;
    color: #1890FF;
}

.avatarHolder {
  margin-bottom: 24px;
  text-align: center;

  & > img {
    width: 104px;
    height: 104px;
    margin-bottom: 20px;
  }

  .name {
    margin-bottom: 4px;
    color: @heading-color;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
  }
}

.detail {
  p {
    position: relative;
    margin-bottom: 8px;
    padding-left: 26px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  i {
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg);

    &.title {
      background-position: 0 0;
    }

    &.group {
      background-position: 0 -22px;
    }

    &.address {
      background-position: 0 -44px;
    }
  }
}

.tagsTitle,
.teamTitle {
  margin-bottom: 12px;
  color: @heading-color;
  font-weight: 500;
}

.tags {
  :global {
    .ant-tag {
      margin-bottom: 8px;
    }
  }
}


.team {
  :global {
    .ant-avatar {
      margin-right: 12px;
    }
  }

  a {
    display: block;
    margin-bottom: 24px;
    color: @text-color;
    transition: color 0.3s;
    .textOverflow();

    &:hover {
      color: @primary-color;
    }
  }
}

.tabsCard {
  :global {
    .ant-card-head {
      padding: 0 16px;
    }
  }
}

:global {
    .antd-pro-components-page-header-wrapper-index-main {
        position: relative;
    }
}

.saveBaseinfo {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
}

.closeBaseinfo {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
}

.checkResult {
    text-align: center;
    color: #333;
    font-size: 22px;
    margin-bottom: 20px;
}

.proUsertableList {
    :global {
        .ant-table-body {
          overflow: auto !important;
        }
        
        .ant-table-thead > tr >th{
            white-space: nowrap;
        }
        
        .ant-table-tbody > tr > td{
            // white-space: nowrap; 
        }
    }
    
  .proUsertableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }
}



.proUsertableListForm {
  :global {
    .ant-form-item {
      display: flex;
      margin-right: 0;
      margin-bottom: 24px;
      > .ant-form-item-label {
        width: auto;
        padding-right: 8px;
        line-height: 32px;
      }
      .ant-form-item-control {
        line-height: 32px;
      }
    }
    .ant-form-item-control-wrapper {
      flex: 1;
    }
  }
  .submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

.systemSelectPoint {
    text-indent: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #333;
}

.createMembership {
    position: absolute;
    top: 0;
    right: 20px;
}

@media screen and (max-width: @screen-lg) {
  .proUsertableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .proUsertableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}
